<template>
  <div class="header-container">
    <router-link  exact  to="/">我的博客</router-link>
    <router-link  exact to="/add">添加博客</router-link>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  
}
</script>

<style scoped>
.header-container{
  height: 80px;
  width:100%;
  max-width: 1260px;
  background-color: crimson;
  text-align: center;
  line-height: 80px;
  margin: 0 auto;
}
a{
  padding: 8px;
  text-decoration: none;
  border-radius: 5px;
  color:black;
}
.router-link-exact-active.router-link-active{
  background-color: #fff;

}
</style>
